<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>海联捷讯-云项目运维管理平台</title>
    <script src="<%= BASE_URL %>custom.js"></script>
  </head>
  <body>
    <div id="app">
      <style>
        #loader {
          position: absolute;
          top: 50%;
          left: 50%;
          z-index: 999;
          width: 100px;
          margin-top: -50px;
          margin-left: -50px;
        }
        #loader:before {
          content: '';
          display: block;
          padding-top: 100%;
        }
  
        .circular {
          -webkit-animation: rotate 2s linear infinite;
                  animation: rotate 2s linear infinite;
          height: 100%;
          -webkit-transform-origin: center center;
                  transform-origin: center center;
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
        }
  
        .path {
          stroke: #CB9147;
          stroke-dasharray: 40, 200;
          stroke-dashoffset: 0;
          -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
                  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          stroke-linecap: round;
        }
  
        @-webkit-keyframes rotate {
          100% {
            -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
          }
        }
  
        @keyframes rotate {
          100% {
            -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
          }
        }
        @-webkit-keyframes dash {
          0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
          }
          50% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -35px;
          }
          100% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -124px;
          }
        }
        @keyframes dash {
          0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
          }
          50% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -35px;
          }
          100% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -124px;
          }
        }
        /* @-webkit-keyframes color {
          100%,
          0% {
            stroke: #d62d20;
          }
          40% {
            stroke: #0057e7;
          }
          66% {
            stroke: #008744;
          }
          80%,
          90% {
            stroke: #ffa700;
          }
        }
        @keyframes color {
          100%,
          0% {
            stroke: #d62d20;
          }
          40% {
            stroke: #0057e7;
          }
          66% {
            stroke: #008744;
          }
          80%,
          90% {
            stroke: #ffa700;
          }
        } */
  
      </style>
      <div id="loader">
        <svg class="circular" viewBox="25 25 50 50">
        <circle class="path" cx="50" cy="50" r="16" fill="none" stroke-width="2" stroke-miterlimit="10"></circle>
        </svg>
      </div>
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>

